﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css" />
<script src="../../lib/jquery/jquery-1.3.2.min.js"
	type="text/javascript"></script>
<script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="../../lib/ligerUI/js/plugins/ligerDrag.js"
	type="text/javascript"></script>
<script src="../../lib/ligerUI/js/plugins/ligerResizable.js"
	type="text/javascript"></script>
<script type="text/javascript">
	    $(function ()
	    {
	        $('#rr1,#rr2,#rr3').ligerDrag(); 
	        $('#rr1,#rr2,#rr3').ligerResizable();
	    });
         
	</script>
</head>
<body style="padding: 100px">
	<div id="rr1"
		style="width: 200px; height: 300px; top: 130px; left: 200px; background: #A6DBD8; z-index: 1; position: absolute;">
	</div>

	<div id="rr2"
		style="width: 200px; height: 300px; top: 30px; left: 340px; background: #AFCCF1; z-index: 2; position: absolute;">
	</div>

	<div id="rr3"
		style="width: 200px; height: 200px; top: 150px; background: #DA9188; z-index: 3; position: absolute;">
	</div>
	<div style="display: none"></div>
</body>
</html>